//产品详情列表table
var $productDetailTable = $('#productDetailTable');
//活动产品列表table
var $activityProductTable = $('#activityProductTable');
//赠品详情列表table
var $giftDetailTable = $('#giftDetailTable');
//回款记录列表table
var $returnMoneyTableList = $('#returnMoneyTable');
//退款记录table
var $refundTable = $('#refundTable');
//会员产品列表table
var $memberFinishOrderProductTableList = $('#memberFinishOrderProductTable');
//非会员产品列表table
var $nonMemberFinishOrderProductTableList = $('#nonMemberFinishOrderProductTable');
//防止表头与表格不对齐
$(window).resize(function () {
    $productDetailTable.bootstrapTable('resetView');
    $activityProductTable.bootstrapTable('resetView');
    $giftDetailTable.bootstrapTable('resetView');
    $refundTable.bootstrapTable('resetView');
});
$(function () {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    console.log(vars,'vars')
    $("#contractId").val(vars[1])
    //初始化产品详情
    productDetailTableListInit();
    //初始化活动产品
    activityProductTableInit();
    //初始化赠品详情
    giftDetailTableInit();
    //回款记录列表
    getReturnMoneyList();

    couponTableInit();
    //退款记录
    refundTableInit();

    //加载会员产品Table
    memberProductTableInit();
    //加载非会员产品Table
    nonMemberProductTableInit();
});

/**
 * 产品详情--分页列表页
 */
function productDetailTableListInit() {
    //先销毁表格
    $productDetailTable.bootstrapTable('destroy');
    $productDetailTable.bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: '/order/selectFinishOrderProductList',//请求地址
        method: 'post',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: true,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "desc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: true,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '-',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        uniqueId: 'finishOrderProductId',
        idField: 'finishOrderProductId',
        pageSize: 5,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: "[5]",//可供选择的每页的行数
        // fixedColumns: true,     // 冻结列
        // fixedNumber: 1,         // 左侧固定列
        // fixedRightNumber: 1,    // 右侧固定列
        queryParams: function (params) {
            var temp = {
                pageSize: params.limit,         // 每页数据量
                pageIndex: (params.offset / params.limit) + 1,
                productOrderId: $('#productOrderId').val(),
                productOrderDetailType: '1'
            };
            return temp;
        },
        columns: [
            {title: '主键', field: 'finishOrderProductId', visible: false},
            {title: '序号', field: 'index', align: 'left', valign: 'middle', width: '60', formatter: indexFormat},
            {title: '产品名称', field: 'productName', align: 'left', valign: 'middle', class: 'ellipsis'},
            {title: '产品号', field: 'finishOrderProductNum', align: 'left', valign: 'middle',},
            {title: '产品原价', field: 'productOriginalPrice', align: 'left', valign: 'middle',},
            {title: '产品单价', field: 'productUnitPrice', align: 'left', valign: 'middle',},
            {title: '产品会员价', field: 'productMemberPrice', align: 'left', valign: 'middle',},
            {title: '产品成交价', field: 'productFinalPrice', align: 'left', valign: 'middle',},
            {title: '产品状态', field: 'productStatus', align: 'left', valign: 'middle',
                formatter: function (value, row, index, field) {
                    switch (value) {
                        case '0':
                            return '<span class="label label-info-light">未回款</span>';
                            break;
                        case '1':
                            return '<span class="label label-warning-light">退款</span>';
                            break;
                        case '2':
                            return '<span class="label label-brown-light">部分回款</span>';
                            break;
                        case '3':
                            return '<span class="label label-success-light">已回款</span>';
                            break;

                    }
                }
            }
        ],
        responseHandler: function (result) {
            if (result.code == "000000") {
                var obj = {
                    "rows": result.data,
                    "total": result.totalRecords//总条数
                };
            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function (data) {
            console.log(data)
        },
    });
}

/**
 * 活动产品 --分页列表页
 */
function activityProductTableInit() {
    //先销毁表格
    $activityProductTable.bootstrapTable('destroy');
    $activityProductTable.bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: '/order/selectCustomerProductOrderDetailList',//请求地址
        method: 'post',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: true,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "desc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: true,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '-',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        uniqueId: 'productOrderDetailId',
        idField: 'orderRelationId',
        pageSize: 5,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: "[5]",//可供选择的每页的行数
        fixedColumns: true,     // 冻结列
        fixedNumber: 1,         // 左侧固定列
        fixedRightNumber: 1,    // 右侧固定列
        queryParams: function (params) {
            var temp = {
                pageSize: params.limit,         // 每页数据量
                pageIndex: (params.offset / params.limit) + 1,
                productOrderId: $('#productOrderId').val(),
                productOrderDetailType: '2'
            };
            return temp;
        },
        columns: [
            {title: '主键', field: 'orderRelationId', visible: false},
            {title: '序号', field: 'index', align: 'left', valign: 'middle', width: '60', formatter: indexFormat},
            {title: '活动名称', field: 'orderDetailName', align: 'left', valign: 'middle'},
            {title: '活动原价',field: 'productOriginalPrice', align: 'left',valign: 'middle'},
            {title: '活动成交价', field: 'productFinalPrice', align: 'left', valign: 'middle'},
            {title: '产品数量',field: 'productQuantity', align: 'left', valign: 'middle'}
            /*,{title: '操作', field: 'operate', align: 'left', events: operateEvents,
                formatter: function (value, row, index) {
                    var orderStatus = $('#orderStatus').val();
                    if (2 == orderStatus) {
                        return '<button class="btn btn-default" id="activityProductExchangeMethod" style="width: 86px;">' +
                            '<i class="mdi mdi-eye"></i>兑换方式</button>';
                    }
                    return '<button class="btn btn-default" disabled="disabled" id="activityProductExchangeMethod" ' +
                        'style="width: 86px;"><i class="mdi mdi-eye"></i>兑换方式</button>';
                }
            }*/
        ],
        responseHandler: function (result) {
            if (result.code == "000000") {
                var obj = {
                    "rows": result.data,
                    "total": result.totalRecords//总条数
                };
            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function () {
            //加载成功时执行
        },
        detailView: true,
        detailFormatter: function(index,row){
            var html = '';
            var productOrderId = $('#productOrderId').val();
            $.ajax({    // 获取活动相关产品
                type: "post",
                url: "/order/selectCustomerOrderActivityRelationById",
                data: {
                    productOrderId: productOrderId,
                    orderRelationId: row.orderRelationId
                },
                dataType: 'json',
                async: false,
                success: function (data, status) {
                    if(data.code == '000000') {
                        var customerProductList = data.data;
                        if(customerProductList){
                            for (var i = 0; i < customerProductList.length; i++) {
                                html += '<span class="label label-info">' + customerProductList[i].productName + '</span>';
                            }
                        }
                    }
                }
            });
            return html;
        },
        onPostBody(data) {
            $('#activityProductTable').bootstrapTable('expandAllRows');     // 展开所有行
        }
    });
}

/**
 * 赠品详情--分页列表页
 */
function giftDetailTableInit() {
   //先销毁表格
    $giftDetailTable.bootstrapTable('destroy');
    $giftDetailTable.bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: '/order//selectCustomerOrderGiftRelationList',//请求地址
        method: 'post',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: true,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "desc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: true,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '-',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        uniqueId: 'orderGiftRelationId',
        idField: 'orderGiftRelationId',
        pageSize: 5,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: "[5]",//可供选择的每页的行数
        fixedColumns: true,     // 冻结列
        fixedNumber: 1,         // 左侧固定列
        fixedRightNumber: 1,    // 右侧固定列
        queryParams: function (params) {
            var temp = {
                pageSize: params.limit,         // 每页数据量
                pageIndex: (params.offset / params.limit) + 1,
                productOrderId: $('#productOrderId').val()
            };
            return temp;
        },
        columns: [
            {title: '主键', field: 'orderGiftRelationId', visible: false},
            {title: '序号', field: 'index', align: 'left', valign: 'middle', width: '60', formatter: indexFormat},
            {title: '产品名称', field: 'productGiftName', align: 'left', valign: 'middle',},
            {title: '产品原价', field: 'productOriginalPrice', align: 'left', valign: 'middle'},
            {title: '产品单价', field: 'productUnitPrice', align: 'left', valign: 'middle'}
            /*,{title: '操作', field: 'operate', align: 'left', events: operateEvents,
                formatter: function (value, row, index) {
                    var orderStatus = $('#orderStatus').val();
                    if (2 == orderStatus) {
                        return '<button class="btn btn-default" id="giftExchangeMethod" style="width: 86px;">' +
                            '<i class="mdi mdi-eye"></i>兑换方式</button>';
                    }
                    return '<button class="btn btn-default" disabled="disabled" id="giftExchangeMethod" style="width: 86px;">' +
                        '<i class="mdi mdi-eye"></i>兑换方式</button>';
                }
            }*/
        ],
        responseHandler: function (result) {
            if (result.code == "000000") {
                var obj = {
                    "rows": result.data,
                    "total": result.totalRecords//总条数
                };
            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function () {
            //加载成功时执行
        },
    });
}

//查询订单回款记录
function getReturnMoneyList() {
    //先销毁表格
    $returnMoneyTableList.bootstrapTable('destroy');
    $returnMoneyTableList.bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: '/returnMoney/selectReturnMoneyList',//请求地址
        method: 'post',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: true,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "asc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: true,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        // serverSort: true,
        uniqueId: 'returnMoneyId',
        idField: 'returnMoneyId',
        pageSize: 5,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: "[5, 10, 15, 20]",//可供选择的每页的行数
        fixedColumns: true,     // 冻结列
        fixedNumber: 1,         // 左侧固定列
        fixedRightNumber: 1,    // 右侧固定列
        queryParams: function (params) {
            var temp = {
                pageSize: params.limit,         // 每页数据量
                pageIndex: (params.offset / params.limit) + 1,
                orderCode: $('#productOrderId').val()
            };
            return temp;
        },
        columns: [
            {title: '主键', field: 'returnMoneyId',visible: false},
            {title: '批次', field: 'index', align: 'left', valign: 'middle', width: '60', formatter: indexFormat},
            {title: '付款账号', field: 'paymentAccount', sortable: true,align: 'left', valign: 'middle'},
            {title: '付款单位', field: 'paymentUnitName', sortable: true,align: 'left', valign: 'middle'},
            {title: '到款时间',field: 'arriveTime', sortable: true,align: 'left', valign: 'middle'},
            {title: '到款金额',field: 'arriveMoney', sortable: true,align: 'left', valign: 'middle'},
            {title: '到款单位名称', field: 'arriveUnitName', sortable: true,align: 'left', valign: 'middle'},
            {title: '录入人', field: 'createByName', sortable: true, align: 'left',valign: 'middle'}
        ],
        responseHandler: function (result) {
            if(result.code == "000000") {
                var obj = {
                    "rows": result.data,
                    "total": result.totalRecords//总条数
                };
            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function () {
            // table列可拖动宽度
            $('#customerProductTableList').css({
                minWidth: $('#customerProductTableList').width()
            }).colResizable({
                resizeMode: 'overflow',
                liveDrag: true,
                gripInnerHtml: "<div class='grip'></div>",
                draggingClass: "dragging",
                disabledColumns: [0, 3, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],      // 禁止拖动的列
                postbackSafe: true,                                         // 刷新后保持拖动的宽度
                partialRefresh: true,                                       // 刷新表格之后继续保持可拖动功能
                flush: true,
                minWidth: 80,
                /*onResize: function () {
                }*/
            });
        },
        onLoadError: function (status) {
            if (status == 403) {
                alert("权限不足！禁止访问！");
            } else {
                //加载失败时执行
                alert("加载失败！");
            }
        },
        formatLoadingMessage: function () {
            return "请稍等，加载中...";
        },
        formatNoMatches: function () {
            return '无符合条件的记录';
        },
    });

}

/**
 * --列表序列号
 */
function indexFormat(value, row, index) {
    return index + 1;
}

/**
 * 自定义操作列事件
 */
/*
window.operateEvents = {
    //产品详情兑换方式点击事件
    'click #productExchangeMethod': function (e, value, row, index) {
        console.log('productExchangeMethod：'+row.orderDetailName);
    },
    //活动产品兑换方式点击事件
    'click #activityProductExchangeMethod': function (e, value, row, index) {
        console.log('activityProductExchangeMethod：'+row.orderDetailName);
    },
    //赠品详情兑换方式点击事件
    'click #giftExchangeMethod': function (e, value, row, index) {
        console.log('giftExchangeMethod：'+row.productGiftName);
    }
};*/

/**
 * 优惠券列表 - 自定义内容
 * */
var couponFormat = {
    couponType: function (value, row, index, field) {
        if (value == '1') {
            return '折扣类'
        } else {
            return '额度类'
        }
    },
    // operation: function (value, row, index, field) {
    //     return '<button type="button" class="btn btn-default btn-danger" onclick="removeRow(this, \'' + row.chsCustomerCouponId + '\')"><i class="mdi mdi-delete"></i>删除</button>';
    // }
}

// 优惠券列表
function couponTableInit() {
    //先销毁表格
    $('#couponTable').bootstrapTable('destroy');
    $('#couponTable').bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: '/contractCoupon/selectContractCouponByContractId?'+$('#contractId').val()+'',//请求地址
        method: 'get',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: true,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "desc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: false,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '-',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        uniqueId: 'orderGiftRelationId',
        idField: 'orderGiftRelationId',
        pageSize: 5,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: "[5]",//可供选择的每页的行数
        fixedColumns: true,     // 冻结列
        fixedNumber: 1,         // 左侧固定列
        fixedRightNumber: 1,    // 右侧固定列
        // queryParams: function (params) {
        //     var temp = {
        //         pageSize: params.limit,         // 每页数据量
        //         pageIndex: (params.offset / params.limit) + 1,
        //         productOrderId: $('#productOrderId').val()
        //     };
        //     return temp;
        // },
        columns: [
            {title: '主键', field: 'chsCustomerCouponId', visible: false},
            {title: '序号', field: 'index', align: 'left', valign: 'middle', width: '60', formatter: indexFormat},
            {title: '优惠券名称',field: 'couponName', align: 'left', valign: 'middle'},
            //, formatter: couponFormat.couponType
            {title: '优惠券类型', field: 'couponType',align: 'left', valign: 'middle', formatter: couponFormat.couponType},
            {title: '优惠券额度', field: 'couponQuota',align: 'left', valign: 'middle'},
            {title: '优惠券优惠折扣', field: 'couponDiscount',align: 'left', valign: 'middle'},
            //, formatter: couponFormat.operation
            // {title: '操作', field: 'giftOperate', align: 'right', valign: 'middle'},
        ],
        responseHandler: function (result) {
            if (result.code == "000000") {
                var obj = {
                    "rows": result.data,
                };
            } else {
                var obj = {
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function () {
            //加载成功时执行
        },
    });
}

/**
 * 退款记录
 */
function refundTableInit() {
    //先销毁表格
    $refundTable.bootstrapTable('destroy');
    $refundTable.bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: '/order/orderBackMoneyList',//请求地址
        method: 'post',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: true,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "desc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: true,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '-',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        uniqueId: 'productOrderDetailId',
        idField: 'orderRelationId',
        pageSize: 5,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: "[5]",//可供选择的每页的行数
        // fixedColumns: true,     // 冻结列
        // fixedNumber: 1,         // 左侧固定列
        // fixedRightNumber: 1,    // 右侧固定列
        queryParams: function (params) {
            var temp = {
                pageSize: params.limit,         // 每页数据量
                pageIndex: (params.offset / params.limit) + 1,
                sortName : params.sort, //排序列名
                sortOrder : params.order,//排序方式
                productOrderId: $('#productOrderId').val(),
            };
            return temp;
        },
        columns: [
            {title: '主键', field: 'productOrderId', visible: false},
            {title: '产品名称',field: 'productName', align: 'left', valign: 'middle'},
            {title: '产品原价', field: 'productOriginalPrice', align: 'left', valign: 'middle'},
            {title: '会员价', field: 'productMemberPrice', align: 'left', valign: 'middle'},
            {title: '产品成交价', field: 'productFinalPrice', align: 'left', valign: 'middle'},
            {title: '申请退款金额', field: 'applyBackMoney', align: 'left', valign: 'middle'},
            {title: '服务费', field: 'serviceMoney', align: 'left', valign: 'middle'},
            {title: '实际退款金额', field: 'backMoney', align: 'left', valign: 'middle'},
            {title: '审核人', field: 'userName', align: 'left', valign: 'middle'},
            {title: '审核时间', field: 'updateTm', align: 'left', valign: 'middle'},
        ],
        responseHandler: function (result) {
            if (result.code == "000000") {
                var obj = {
                    "rows": result.data,
                    "total": result.totalRecords//总条数
                };
                // $('#applyBackMoney').text(result.data.applyBackMoney)
            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function (data) {
            console.log(data)
        },
    });
}

/**
 * 初始化会员产品列表
 */
function memberProductTableInit() {
    // console.log(customerContract);

    //先销毁表格  会员产品
    $memberFinishOrderProductTableList.bootstrapTable('destroy');
    $memberFinishOrderProductTableList.bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: '/customerContract/getMemberOrNonMemberProductList',//请求地址
        method: 'post',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: true,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "desc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: true,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '-',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        uniqueId: 'finishOrderProductId',
        idField: 'finishOrderProductId',
        pageSize: 10,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: "[10]",//可供选择的每页的行数
        queryParams: function (params) {
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var temp = {
                pageSize: params.limit,                         //页面大小
                pageIndex: (params.offset / params.limit) + 1,   //页码
                sortName: params.sort,      //排序列名
                sortOrder: params.order, //排位命令（desc，asc）
                orderId : $('#productOrderId').val(),
                productCategories :'1'  //产品分类 0:非会员;1:会员
            };
            return temp;
        },
        columns: [
            {title: '主键', field: 'finishOrderProductId', visible: false},
            {title: '序号', field: 'index', align: 'left', width: '60', valign: 'middle', formatter: indexFormat},
            {title: '产品名称', field: 'productName', align: 'left', valign: 'middle'},
            {title: '产品编号', field: 'finishOrderProductNum', align: 'left', valign: 'middle'},
            {title: '订单明细类型', field: 'orderDetailType', align: 'left', valign: 'middle',formatter: orderDetailTypeFormat},
            {title: '成交价', field: 'productFinalPrice', align: 'left', valign: 'middle'},
            {title: '操作', field: 'operate', align: 'right', width: '80', events: productEvents, formatter: memberFinishOrderProductOpt}

        ],
        responseHandler: function (result) {
            if (result.code == "000000") {
                var obj = {
                    "rows": result.data,
                    "total": result.totalRecords//总条数
                };
            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function () {
            //加载成功时执行
            $("[data-toggle='tooltip']").tooltip();//加这个是为了让操作列的提示图标显示在上方
        },
        onLoadError: function (status) {
            if (status == 403) {
                alert("权限不足！禁止访问！");
            } else {
                //加载失败时执行
                alert("加载失败！");
            }
        },
        formatLoadingMessage: function () {
            return "请稍等，加载中...";
        },
        formatNoMatches: function () {
            return '无符合条件的记录';
        },
    });
}

/**
 * 初始化非会员产品列表
 */
function nonMemberProductTableInit(){
    //先销毁表格  非会员产品
    $nonMemberFinishOrderProductTableList.bootstrapTable('destroy');
    $nonMemberFinishOrderProductTableList.bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: '/customerContract/getMemberOrNonMemberProductList',//请求地址
        method: 'post',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: true,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "desc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: true,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '-',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        uniqueId: 'finishOrderProductId',
        idField: 'finishOrderProductId',
        pageSize: 10,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: "[10]",//可供选择的每页的行数
        queryParams: function (params) {
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var temp = {
                pageSize: params.limit,                         //页面大小
                pageIndex: (params.offset / params.limit) + 1,   //页码
                sortName: params.sort,      //排序列名
                sortOrder: params.order, //排位命令（desc，asc）
                orderId :$('#productOrderId').val(),
                productCategories :'0'  //产品分类 0:非会员;1:会员
            };
            return temp;
        },
        columns: [
            {title: '主键', field: 'finishOrderProductId', visible: false},
            {title: '序号', field: 'index', align: 'left', width: '60', valign: 'middle', formatter: indexFormat},
            {title: '产品名称', field: 'productName', align: 'left', valign: 'middle'},
            {title: '产品编号', field: 'finishOrderProductNum', align: 'left', valign: 'middle'},
            {title: '合同编号', field: 'contractNumber', align: 'left', valign: 'middle', formatter: contractNumberFormat},
            {title: '订单编号', field: 'orderNumber', align: 'left', valign: 'middle', formatter: orderNumberFormat},
            {title: '订单明细类型', field: 'orderDetailType', align: 'left', valign: 'middle',formatter: orderDetailTypeFormat},
            {title: '成交价', field: 'productFinalPrice', align: 'left', valign: 'middle'},
            {title: '操作', field: 'operate', align: 'right', width: '80',events: noMemberProductEvents, formatter: noMemberFinishOrderProductOpt}
        ],
        responseHandler: function (result) {
            if (result.code == "000000") {
                var obj = {
                    "rows": result.data,
                    "total": result.totalRecords//总条数
                };
            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function () {
            //加载成功时执行
            $("[data-toggle='tooltip']").tooltip();//加这个是为了让操作列的提示图标显示在上方
        },
        onLoadError: function (status) {
            if (status == 403) {
                alert("权限不足！禁止访问！");
            } else {
                //加载失败时执行
                alert("加载失败！");
            }
        },
        formatLoadingMessage: function () {
            return "请稍等，加载中...";
        },
        formatNoMatches: function () {
            return '无符合条件的记录';
        },
    });
}

/**
 * 订单明细类型--1:产品类型;2:活动类型;3:赠品活动类型
 * @param value
 * @param row
 * @param index
 * @returns {string}
 */
function orderDetailTypeFormat(value, row, index) {
    if (value == null || value == undefined) {
        return "-";
    } else if (1 == value) {
        return "<span class='label label-success-light'>产品类型</span>";
    } else if (2 == value) {
        return "<span class='label label-info-light'>活动类型</span>";
    } else if (3 == value) {
        return "<span class='label label-info-light'>赠品活动类型</span>";
    }
}

/**
 * 会员产品操作列内容
 */
function memberFinishOrderProductOpt(value, row, index) {
    if(row.productStatus == '3'){
        var html =  '<button type="button" id="productDetail" class="btn btn-default"><i class="mdi mdi-note-outline"></i>详细信息</button>';
        html += '<button type="button" id="recordConsumption" class="btn btn-default"><i class="mdi mdi-format-list-bulleted"></i>消费记录</button>';

        return html;
    }else{
        return ''
    }
    /*return [
        '<a type="button" id="productDetail" class="btn btn-xs btn-default edit-btn"' +
        'data-toggle="tooltip" onclick=\'getMemberProduct("'+row.productId+'")\'>' +
        '<i class="mdi mdi-pencil"></i>详细信息</a>'+
        '<a type="button" id="renew" class="btn btn-xs btn-default edit-btn"' +
        'data-toggle="tooltip" onclick=\'renewBtn("'+row.productId+'")\'>' + //onclick=\'getOpportunityId("'+row.opportunityId+'")\'
        '<i class="mdi mdi-pencil"></i>续费</a>'+
        '<a type="button" id="recordConsumption" class="btn btn-xs btn-default edit-btn"' +
        'data-toggle="tooltip">' + //onclick=\'getOpportunityId("'+row.opportunityId+'")\'
        '<i class="mdi mdi-pencil"></i>消费记录</a>'
    ].join('');*/
}

/**
 * 非会员产品操作列内容
 */
function noMemberFinishOrderProductOpt(value, row, index) {
    if(row.productStatus == '3'){
        var html =  '<button type="button" id="noMemberProductDetail" class="btn btn-default"><i class="mdi mdi-note-outline"></i>详细信息</button>';
        html += '<button type="button" id="noMemberRecordConsumption" class="btn btn-default"><i class="mdi mdi-format-list-bulleted"></i>消费记录</button>';
        return html;
    }else{
        return '';
    }

}

var getDetail;
var noMemberProductEvents = {
    'click #noMemberProductDetail': function (e, value, row, index) {
        getDetail = row
        bs = 1
        getMemberProduct(row,1);
    },
    'click #noMemberRecordConsumption': function (e, value, row, index) {
        getRecordConsumption(row,1);
    }
}
var productEvents = {
    'click #productDetail': function (e, value, row, index) {
        getDetail = row
        bs = 0
        getMemberProduct(row,0);
    },
    'click #recordConsumption': function (e, value, row, index) {
        getRecordConsumption(row,0);
    }
}
/**
 * 点击合同编号跳转到合同详情
 * @param value
 * @param row
 * @param index
 * @returns {string}
 */
function contractNumberFormat(value, row, index) {
    if(value == null) {
        value = '';
    }
    return '<a href="JavaScript:void(0);"   onclick=\'contractNumberDetail(\"'+row.contractId+'")\'>'+value+'</a>';
}
/**
 * 点击订单编号跳转到订单详情
 * @param value
 * @param row
 * @param index
 * @returns {string}
 */
function orderNumberFormat(value, row, index) {
    if(value == null) {
        value = '';
    }
    return '<a href="JavaScript:void(0);" onclick="orderNumberDetail(\''+row.productOrderId+ '\',\'' + row.contractId + '\')">'+value+'</a>';
}
/**
 * 订单明细类型--1:产品类型;2:活动类型;3:赠品活动类型
 * @param value
 * @param row
 * @param index
 * @returns {string}
 */
function orderDetailTypeFormat(value, row, index) {
    if (value == null || value == undefined) {
        return "-";
    } else if (1 == value) {
        return "<span class='label label-success-light'>产品类型</span>";
    } else if (2 == value) {
        return "<span class='label label-info-light'>活动类型</span>";
    } else if (3 == value) {
        return "<span class='label label-info-light'>赠品活动类型</span>";
    }
}

/**
 * 功能：获取会员产品详细信息以及相关产品下的相关内容
 * */
function getMemberProduct(data,bs) {
    var rowData = data;
    $.ajax({
        url: '/customerController/selectCustomerProductDetail',
        type: 'POST',
        dataType: "json",
        data: {
            customerId:$('#contractId').val(),                                              // 客户id
            memberProductId: rowData.productId,                         // 会员产品id
            finishOrderProductNum: rowData.finishOrderProductNum,        // 产品号
            orderId:rowData.productOrderId , // 订单id
            memberProductCode:rowData.productCode ,// 产品编码
            bs:bs //  0 会员 1非会员
        },
        success: (function (data) {
            if (data.code == "000000") {
                // console.log(data.data.list);
                $('#productInfo').modal('show');
                // 会员卡功能处理
                if (data.data.customerProductDetailMemberCard == null) {
                    if(data.data.customerProductDetailMemberCard == null && data.data.taxList == null && data.data.codeList == null && data.data.yunList == null && data.data.rechargeCodeList == null && data.data.couponsList == null){
                        var html  = '<div class="card-info no-card clearfix" id="cardInfo">\n' +
                            '                            <div class="code" id="cardCode"></div>\n' +
                            '                            <div class="pull-left">\n' +
                            '                                <h5>卡号：<span id="cardNum"></span></h5>\n' +
                            '                                <p>密码：<span id="cardPassword">*********</span></p>\n' +
                            '                                <p>有效期：<span id="cardDays">****.**.** 至 ****.**.**</span></p>\n' +
                            '                            </div>\n' +
                            '                            <div class="btn-box" id="carInfoBox">\n' +
                            '                                <p><span>暂无申请会员卡&兑换码，请点击按钮申请会员卡&兑换码</span></p>\n' +
                            '                                <button type="button" class="btn btn-primary" id="applyCard">申请会员卡&兑换码</button>\n' +
                            '                            </div>\n' +
                            '                        </div>'
                        $('#cardInfolist').html(html);
                        // $('#carInfoBox').html(' <p><span>暂无会员卡，请点击按钮申请会员卡</span></p>\n' +
                        //     '                            <button type="button" class="btn btn-primary" id="applyCard">申请会员卡</button>')
                    }else{
                        // 无会员卡
                        var html  = '<div class="card-info no-card clearfix" id="cardInfo">\n' +
                            '                            <div class="code" id="cardCode"><i class="mdi mdi-qrcode"></i></div>\n' +
                            '                            <div class="pull-left">\n' +
                            '                                <h5>卡号：<span id="cardNum">8888 8888 8888 8888</span></h5>\n' +
                            '                                <p>密码：<span id="cardPassword">1234567890</span></p>\n' +
                            '                                <p>有效期：<span id="cardDays">2021.08.08 至 2022.08.08</span></p>\n' +
                            '                            </div>\n' +
                            '                            <div class="btn-box" id="carInfoBox">\n' +
                            '\n' +
                            '                            </div>\n' +
                            '                        </div>';
                        $('#cardInfolist').html(html)
                    }

                } else {
                    // 有会员卡
                    var html = '';
                    $.each(data.data.customerProductDetailMemberCard,function(index,item){
                        html+='<div class="card-info clearfix" id="cardInfo">\n' +
                            '                        <div class="code" id="cardCode"><img src="' + item.qrCode + '" alt=""></div>\n' +
                            '                        <div class="pull-left">\n' +
                            '                            <h5>卡号：<span id="cardNum">'+item.memberCardNumber+'</span></h5>\n' +
                            '                            <p>密码：<span id="cardPassword">'+item.memberCardPassword+'</span></p>\n' +
                            '                            <p>有效期：<span id="cardDays">'+new Date(item.startTm).Format("yyyy.MM.dd")+'至 '+new Date(item.endTm).Format("yyyy.MM.dd")+'</span></p>\n' +
                            '                        </div>\n' +
                            '                        <div class="btn-box" id="carInfoBox">\n' +
                            '                        </div>\n' +
                            '                    </div>'
                    })
                    $('#cardInfolist').html(html)
                }

                //税法直通车
                if(data.data.taxList == null){
                    var html = '<div class="card-info no-card clearfix" id="taxLawCardInfo" style="height: 100px">\n' +
                        '                            <div class="pull-left">\n' +
                        '                                <h5>卡号：<span id="taxLawCardNum">8888 8888 8888 8888</span></h5>\n' +
                        '                                <p>密码：<span id="taxLawCardPassword">1234567890</span></p>\n' +
                        '                            </div>\n' +
                        '                            <div class="btn-box">\n' +
                        '                            </div>\n' +
                        '                        </div>'
                    $('#taxLawCardInfoList').html(html)
                }else{
                    var html = '';
                    $.each(data.data.taxList,function(index,item){
                        html+='<div class="card-info clearfix" id="taxLawCardInfo" style="height: 100px">\n' +
                            '                        <div class="pull-left">\n' +
                            '                            <h5>卡号：<span id="taxLawCardNum">'+item.memberCardNumber+'</span></h5>\n' +
                            '                            <p>密码：<span id="taxLawCardPassword">'+item.memberCardPassword+'</span></p>\n' +
                            '                        </div>\n' +
                            '                        <div class="btn-box" id="carInfoBox">\n' +
                            '                        </div>\n' +
                            '                    </div>'
                    })
                    $('#taxLawCardInfoList').html(html)
                }

                // 兑换码
                if(data.data.codeList == null){
                    var html = ' <div class="card-info no-card clearfix" id="exchangeCardInfo"  style="height: 100px">\n' +
                        '                        <div class="pull-left">\n' +
                        '                            <h5>卡号：<span id="exchangeCardNum">8888 8888 8888 8888</span></h5>\n' +
                        '                            <p>密码：<span id="exchangeCardPassword">1234567890</span></p>\n' +
                        '                        </div>\n' +
                        '                        <div class="btn-box">\n' +
                        '                        </div>\n' +
                        '                    </div>'
                    $('#exchangeCardInfoBox').html(html)
                }else{
                    var html = '';
                    $.each(data.data.codeList,function(index,item){
                        html += ' <div class="card-info clearfix" id="exchangeCardInfo"  style="height: 100px">\n' +
                            '                        <div class="pull-left">\n' +
                            '                            <h5>卡号：<span id="exchangeCardNum">'+item.exchangeCodeCrmId+'</span></h5>\n' +
                            '                            <p>密码：<span id="exchangeCardPassword">'+item.exchangeCodePassword+'</span></p>\n' +
                            '                        </div>\n' +
                            '                        <div class="btn-box">\n' +
                            '                        </div>\n' +
                            '                    </div>'
                    })
                    $('#exchangeCardInfoBox').html(html)
                }

                //云顾问卡
                if(data.data.yunList == null){
                    var html = ' <div class="card-info no-card clearfix" id="cloudAdvisorCardInfo"  style="height: 100px">\n' +
                        '                        <div class="pull-left">\n' +
                        '                            <h5>卡号：<span id="cloudAdvisorCardNum">8888 8888 8888 8888</span></h5>\n' +
                        '                            <p>密码：<span id="cloudAdvisorCardPassword">1234567890</span></p>\n' +
                        '                        </div>\n' +
                        '                        <div class="btn-box">\n' +
                        '                        </div>\n' +
                        '                    </div>'
                    $('#cloudAdvisorCardInfoBox').html(html)
                }else{
                    var html = '';
                    $.each(data.data.yunList,function(index,item){
                        html += ' <div class="card-info clearfix" id="cloudAdvisorCardInfo"  style="height: 100px">\n' +
                            '                        <div class="pull-left">\n' +
                            '                            <h5>卡号：<span id="cloudAdvisorCardNum">'+item.yunCard+'</span></h5>\n' +
                            '                            <p>密码：<span id="cloudAdvisorCardPassword">'+item.yunPassword+'</span></p>\n' +
                            '                        </div>\n' +
                            '                        <div class="btn-box">\n' +
                            '                        </div>\n' +
                            '                    </div>'
                    })
                    $('#cloudAdvisorCardInfoBox').html(html)
                }
                //充值卡
                if(data.data.rechargeCodeList == null){
                    var html = ' <div class="card-info no-card clearfix" id="rechargeCardInfo"  style="height: 100px">\n' +
                        '                        <div class="pull-left">\n' +
                        '                            <h5>卡号：<span id="rechargeCardNum">8888 8888 8888 8888</span></h5>\n' +
                        '                            <p>密码：<span id="rechargeCardPassword">1234567890</span></p>\n' +
                        '                        </div>\n' +
                        '                        <div class="btn-box">\n' +
                        '                        </div>\n' +
                        '                    </div>'
                    $('#rechargeCardInfoBox').html(html)
                }else{
                    var html = '';
                    $.each(data.data.rechargeCodeList,function(index,item){
                        html += ' <div class="card-info clearfix" id="rechargeCardInfo"  style="height: 100px">\n' +
                            '                        <div class="pull-left">\n' +
                            '                            <h5>卡号：<span id="rechargeCardNum">'+item.rechargeCodeCrmId+'</span></h5>\n' +
                            '                            <p>密码：<span id="rechargeCardPassword">'+item.rechargeCodePassword+'</span></p>\n' +
                            '                        </div>\n' +
                            '                        <div class="btn-box">\n' +
                            '                        </div>\n' +
                            '                    </div>'
                    })
                    $('#rechargeCardInfoBox').html(html)
                }
                //优惠券
                if(data.data.couponsList == null){
                    var html = ' <div class="card-info no-card clearfix" id="couponsCardInfo"  style="height: 100px">\n' +
                        '                        <div class="pull-left">\n' +
                        '                            <h5>优惠劵码：<span id="couponsCardNum">8888 8888 8888 8888</span></h5>\n' +
                        '                            <p>优惠券名称：<span id="couponsCardPassword">1234567890</span></p>\n' +
                        '                        </div>\n' +
                        '                        <div class="btn-box">\n' +
                        '                        </div>\n' +
                        '                    </div>'
                    $('#couponsCardInfoBox').html(html)
                }else{
                    var html = ''
                    $.each(data.data.couponsList,function(index,item){
                        html += ' <div class="card-info clearfix" id="couponsCardInfo"  style="height: 100px">\n' +
                            '                        <div class="pull-left">\n' +
                            '                            <h5>优惠劵码：<span id="couponsCardNum">'+item.couponCodeCrmId+'</span></h5>\n' +
                            '                            <p>优惠券名称：<span id="couponsCardPassword">'+item.couponName+'</span></p>\n' +
                            '                        </div>\n' +
                            '                        <div class="btn-box">\n' +
                            '                        </div>\n' +
                            '                    </div>'
                    })
                    $('#couponsCardInfoBox').html(html)
                }

                // $('#applyCard').off("click").on('click', function () {
                //     var cardData = {
                //         memberProductCode: rowData.productCode,                     // 产品编码
                //         finishOrderProductNum: rowData.finishOrderProductNum,       // 产品号
                //         productPrice: rowData.productFinalPrice,                    // 产品的金额
                //         customerId: customerContract.customerId,                                             // 客户id
                //         contractId: rowData.contractId,                             // 合同id
                //         contractNumber: rowData.contractNumber,                     // 合同编号
                //         productOrderId: rowData.productOrderId,                     // 订单id
                //         orderNumber: rowData.orderNumber,                           // 订单编号
                //     }
                //     applyCard(cardData);
                // });

                // table 数据加载
                if(bs == 0){
                    $('.isShow').css('display','block')
                    var onlineCourseArr = [];           // 线上课程
                    var offlineCourseArr = [];          // 线下课程
                    var valueAddedServicesArr = [];     // 增值服务
                    if (data.data.list !== null) {
                        for (var i = 0; i < data.data.list.length; i++) {
                            switch (data.data.list[i].serviceType) {
                                case '1':   // 线上课程
                                    onlineCourseArr.push(data.data.list[i]);
                                    break;
                                case '2':   // 线下课程
                                    offlineCourseArr.push(data.data.list[i]);
                                    break;
                                case '3':   // 增值服务
                                    valueAddedServicesArr.push(data.data.list[i]);
                                    break;
                            }
                        }
                    }
                    // console.log(onlineCourseArr, offlineCourseArr, valueAddedServicesArr);
                    $('#onlineCourse').bootstrapTable('destroy');
                    $('#onlineCourse').bootstrapTable({
                        classes: 'table table-bordered table-hover table-striped',
                        striped: true,                  // 是否显示行间隔色
                        sortable: true,                 // 是否启用排序
                        sortOrder: "desc",              // 排序方式
                        sortName: '',                   // 排序字段
                        pagination: true,               // 是否显示分页
                        undefinedText: '-',             // cell没有值时显示
                        uniqueId: 'formId',
                        idField: 'formId',
                        pageSize: 5,                    // 每页的记录行数
                        pageNumber: 1,                  // 初始化加载第1页，默认第1页
                        detailView: true,
                        detailViewByClick: true,
                        detailViewIcon: true,
                        detailFormatter:function(index,row){
                            var data = getDetailDate(row.courseNum);
                            if (data.length == 1 && data[0] == null) {
                                return;
                            }
                            var html = '';
                            for (var i = 0; i < data.length; i++) {
                                html += '<span class="label label-info">' + data[i].serviceClassification + '</span>';
                            }
                            return html;
                        },
                        detailFilter: function (index, row) {
                            var data = getDetailDate(row.courseNum);
                            if (data[0] == null) {
                                return false;
                            } else {
                                expandRow('onlineCourse', index);
                                return true;
                            }
                        },
                        data: onlineCourseArr,
                        columns: [
                            {title: '主键', field: 'formId', visible: false},
                            {title: '联系人id', field: 'contactPersonId', visible: false},
                            {title: '序号', field: 'index', align: 'left', valign: 'middle', width: '54', formatter: indexFormat},
                            {title: '课程类型', field: 'courseName',  align: 'left', valign: 'middle'},
                            {title: '课程小类', field: 'subName', align: 'left', valign: 'middle'},
                            {title: '服务次数', field: 'serviceCount', align: 'left', valign: 'middle'},
                        ],
                    });
                    $('#offlineCourse').bootstrapTable('destroy');
                    $('#offlineCourse').bootstrapTable({
                        classes: 'table table-bordered table-hover table-striped',
                        striped: true,                  // 是否显示行间隔色
                        sortable: true,                 // 是否启用排序
                        sortOrder: "desc",              // 排序方式
                        sortName: '',                   // 排序字段
                        pagination: true,               // 是否显示分页
                        undefinedText: '-',             // cell没有值时显示
                        uniqueId: 'formId',
                        idField: 'formId',
                        pageSize: 5,                    // 每页的记录行数
                        pageNumber: 1,                  // 初始化加载第1页，默认第1页
                        detailView: true,
                        detailViewByClick: true,
                        detailViewIcon: true,
                        detailFormatter:function(index,row){
                            var data = getDetailDate(row.courseNum);
                            if (data.length == 1 && data[0] == null) {
                                return;
                            }
                            var html = '';
                            for (var i = 0; i < data.length; i++) {
                                html += '<span class="label label-info">' + data[i].serviceClassification + '</span>';
                            }
                            return html;
                        },
                        detailFilter: function (index, row) {
                            var data = getDetailDate(row.courseNum);
                            if (data[0] == null) {
                                return false;
                            } else {
                                expandRow('offlineCourse', index);
                                return true;
                            }
                        },
                        data: offlineCourseArr,
                        columns: [
                            {title: '主键', field: 'formId', visible: false},
                            {title: '联系人id', field: 'contactPersonId', visible: false},
                            {title: '序号', field: 'index', align: 'left', valign: 'middle', width: '54', formatter: indexFormat},
                            {title: '课程类型', field: 'courseName',  align: 'left', valign: 'middle'},
                            {title: '课程小类', field: 'subName', align: 'left', valign: 'middle'},
                            {title: '服务次数', field: 'serviceCount', align: 'left', valign: 'middle'},
                        ],
                    });
                    $('#valueAddedServices').bootstrapTable('destroy');
                    $('#valueAddedServices').bootstrapTable({
                        classes: 'table table-bordered table-hover table-striped',
                        striped: true,                  // 是否显示行间隔色
                        sortable: true,                 // 是否启用排序
                        sortOrder: "desc",              // 排序方式
                        sortName: '',                   // 排序字段
                        pagination: true,               // 是否显示分页
                        undefinedText: '-',             // cell没有值时显示
                        uniqueId: 'formId',
                        idField: 'formId',
                        pageSize: 5,                    // 每页的记录行数
                        pageNumber: 1,                  // 初始化加载第1页，默认第1页
                        detailView: true,
                        detailViewByClick: true,
                        detailViewIcon: true,
                        detailFormatter:function(index, row){
                            var data = getDetailDate(row.courseNum);
                            if (data.length == 1 && data[0] == null) {
                                return;
                            }
                            var html = '';
                            for (var i = 0; i < data.length; i++) {
                                html += '<span class="label label-info">' + data[i].serviceClassification + '</span>';
                            }
                            return html;
                        },
                        detailFilter: function (index, row) {
                            var data = getDetailDate(row.courseNum);
                            if (data[0] == null) {
                                return false;
                            } else {
                                expandRow('valueAddedServices', index);
                                return true;
                            }
                        },
                        data: valueAddedServicesArr,
                        columns: [
                            {title: '主键', field: 'formId', visible: false},
                            {title: '联系人id', field: 'contactPersonId', visible: false},
                            {title: '序号', field: 'index', align: 'left', valign: 'middle', width: '54', formatter: indexFormat},
                            {title: '课程类型', field: 'courseName',  align: 'left', valign: 'middle'},
                            {title: '课程小类', field: 'subName', align: 'left', valign: 'middle'},
                            {title: '服务次数', field: 'serviceCount', align: 'left', valign: 'middle'},
                        ],
                    });
                }else{
                    $('.isShow').css('display','none')
                }

            } else {
                $.alert('错误代码：' + data.code);
            }
        }),
        error: (function () {
            $.alert("数据请求失败");
        })
    })
}

function getRecordConsumption(data,bs){
    // var rowData = data;
    $.ajax({
        url: '/customerController/selectCustomerProductDetail',
        type: 'POST',
        dataType: "json",
        data: {
            customerId: $('#contractId').val(),                                              // 客户id
            memberProductId: data.productId,                         // 会员产品id
            finishOrderProductNum: data.finishOrderProductNum,        // 产品号
            orderId:data.productOrderId == null?'0':data.productOrderId , // 订单id
            memberProductCode:data.productCode == null?'0': data.productCode,// 产品编码
            bs:bs  //  0 会员 1非会员
        },
        success: (function (data) {
            if (data.data.customerProductDetailMemberCard == null) {
                // 无会员卡
                $.alert('您还没有申请会员卡,请先申请!');
            } else {
                // 有会员卡
                var cardData = data.data.customerProductDetailMemberCard[0];
                console.log('有会员卡');
                var ifHou =  $("#ifHou").val();//是否是侯欣雪
                var url = 'https://nsrjlb.com/m/m_xuanchan/cardRecording.php?name=' + cardData.memberCardNumber + "&ifHou=" + ifHou;
                $('#expensesRecordIframe').attr('src', url)
                $('#expensesRecordIframe').css('width', '100%')
                $('#expensesRecordIframe').css('height', '550px')
                $('#expensesRecord').modal('show')
            }
        })
    })
}
